﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true"
    CodeBehind="confirmAddress.aspx.cs" Inherits="Loja.orders.endorder" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="../scripts/colorbox/jquery.colorbox-min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../scripts/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../scripts/jquery-ui-1.8.16.custom/css/custom-theme/jquery-ui-1.8.16.custom.css" />
    <script src="../scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>
    <script src="../scripts/uteis.js" type="text/javascript"></script>
    <style>
        .btnEndereco
        {
            font-weight: bold;
            margin: 10px 0 10px 10px;
        }
        
        .erro
        {
            font-family: "Verdana" , "Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
            font-size: 11px;
            color: Red;
        }
    </style>
    <script type="text/javascript">
        jQuery(function ($) {
            $(".cep").mask("99999-999");

        });
        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="progresso">
        <ul class="steps">
            <li id="liCarrinho" class="completed"><span>Minha Cesta</span></li>
            <li id="liIdent" class="completed"><span>Identificação</span></li>
            <li id="liEntrega" class="progress"><span style="">Entrega</span></li>
            <li id="liPagamento"><span>Pagamento</span></li>
            <li id="liConfirmacao" class="last"><span>Confirmação</span></li>
        </ul>
    </div>
    <div style="position: relative; float: left; clear: both;">
        <table style="margin-left: 20px; margin-top: 20px; vertical-align: top">
            <tr style="vertical-align: top">
                <td>
                    <fieldset style="width: 250px; margin-left: 10px;">
                        <legend class="labelCadastro">Endereço de entrega</legend>
                        <ul class="endereco" style="margin-left: -25px;">
                            <li id="rua">
                                <asp:Label ID="lblRua" runat="server" Text="Label"></asp:Label></li>
                            <li id="complemento">
                                <asp:Label ID="lblComp" runat="server" Text="Label"></asp:Label></li>
                            <li id="bairro">
                                <asp:Label ID="lblBairro" runat="server" Text="Label"></asp:Label></li>
                            <li id="cep">
                                <asp:Label ID="lblCEP" runat="server" Text="Label"></asp:Label></li>
                            <li id="cidade">
                                <asp:Label ID="lblCidade" runat="server" Text="Label"></asp:Label></li>
                            <li id="estado">
                                <asp:Label ID="lblEstado" runat="server" Text="Label"></asp:Label></li>
                        </ul>
                        <asp:LinkButton ID="btnEndereco" runat="server" CssClass="btnEndereco" CausesValidation="false"
                            OnClick="btnEndereco_Click">Entregar neste endereço</asp:LinkButton>
                    </fieldset>
                </td>
                <td rowspan="2">
                    <asp:UpdatePanel runat="server">
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="dpdEstado" EventName="SelectedIndexChanged" />
                        </Triggers>
                        <ContentTemplate>
                            <fieldset style="width: 550px; margin-left: 30px;">
                                <legend class="labelCadastro">Novo endereço para entrega</legend>
                                <table style="margin: 10px 10px 10px 10px">
                                    <tr>
                                        <td class="labelCadastro">
                                            CEP:
                                        </td>
                                        <td colspan="3">
                                            <asp:TextBox ID="txtCEP" runat="server" CssClass="cep" Width="6em" placeholder="Ex:00000-910"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="CEP deve ser preenchido.Campo obrigatório!<br/>"
                                                ControlToValidate="txtCEP" CssClass="erro" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="labelCadastro">
                                            Endereço:
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtEndereco" runat="server" Width="24em" placeholder="Ex: Av. Paulista"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Endereço deve ser preenchido.Campo obrigatório!<br/>"
                                                ControlToValidate="txtEndereco" CssClass="erro" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="labelCadastro">
                                            n.º
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtNumero" runat="server" Width="5em" MaxLength="50" placeholder="1231"></asp:TextBox>
                                            <ajaxToolkit:MaskedEditExtender ID="MaskedEditExtender1" runat="server" TargetControlID="txtNumero"
                                                Mask="9999" PromptCharacter="">
                                            </ajaxToolkit:MaskedEditExtender>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Número do endereço ser preenchido.Campo obrigatório!<br/>"
                                                ControlToValidate="txtNumero" CssClass="erro" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="labelCadastro">
                                            Complemento:
                                        </td>
                                        <td colspan="3">
                                            <asp:TextBox ID="txtComplemento" runat="server" MaxLength="10" placeholder="Ex:cj 1312"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="labelCadastro">
                                            Bairro:
                                        </td>
                                        <td colspan="3">
                                            <asp:TextBox ID="txtBairro" runat="server" MaxLength="50" placeholder="Centro"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Bairro ser preenchido.Campo obrigatório!<br/>"
                                                ControlToValidate="txtBairro" CssClass="erro" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="labelCadastro">
                                            Estado:
                                        </td>
                                        <td colspan="3">
                                            <asp:DropDownList ID="dpdEstado" runat="server" DataTextField="EstNom" DataValueField="EstSig"
                                                OnSelectedIndexChanged="dpdEstado_SelectedIndexChanged">
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Estado deve ser preenchido.Campo obrigatório!<br/>"
                                                ControlToValidate="dpdEstado" CssClass="erro" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="labelCadastro">
                                            Cidade:
                                        </td>
                                        <td colspan="3">
                                            <asp:DropDownList ID="dpdCidade" runat="server"  DataTextField="CidNom" DataValueField="CidCod">
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Cidade deve ser preenchida.Campo obrigatório! <br/>"
                                                ControlToValidate="dpdCidade" CssClass="erro" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                </table>
                                <asp:LinkButton ID="btnNovoEnd" runat="server" CssClass="btnEndereco" OnClick="btnNovoEnd_Click">Usar este endereço na entrega</asp:LinkButton>
                            </fieldset>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                 <fieldset style="width: 250px; margin-left: 10px; text-align:center;">
                    <legend class=labelCadastro>Retirar</legend>
                    <asp:LinkButton ID="btnRetirada" runat="server" CssClass="btnEndereco" OnClick="btnRetirada_Click" CausesValidation=false>Retirar no local</asp:LinkButton>
                    </fieldset>
                </td>
            </tr>
        </table>
    </div>
</asp:Content>
